/**
* Copyright (c) 2022 - present TinyVue Authors.
* Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
*
* Use of this source code is governed by an MIT-style license.
*
* THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
* BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
* A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
*
*/

@import '../custom.less';
@import './vars.less';

@select-group-prefix-cls: ~'@{css-prefix}select-group';

.@{select-group-prefix-cls} {
  .component-css-vars-option-group();

  margin: 0;
  padding: 0;

  &__wrap {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;

    &:not(:last-of-type) {
      padding-bottom: 24px;
    }

    &:not(:last-of-type)::after {
      content: '';
      position: absolute;
      display: block;
      left: 8px;
      right: 8px;
      bottom: 12px;
      height: 1px;
      background: var(--ti-select-group-wrap-bg-color);
    }

    .@{select-group-prefix-cls}__title {
      padding-left: 8px;
      font-size: var(--ti-select-group-title-font-size);
      color: var(--ti-select-group-title-text-color);
      line-height: var(--ti-select-group-title-line-height);
    }
  }
}
